@import '../../base/base.less';
.myOrder {
    margin-top: 40px;
    >.title {
        padding: 12px 0;
        border-bottom: 2px solid @base-color;
        >span {
            font-size: 18px;
        }
        >div {
            font-size: 14px;
            >span {
                margin-left: 40px;
                color: #077fdb;
            }
        }
    }
    .list {
        .title {
            padding: 20px 0;
            .left {
                .el-input {
                    width: 440px;
                    height: 40px;
                    .el-input__inner {
                        height: 40px !important;
                    }
                }
                >li {
                    width: 60px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    color: #FFFFFF;
                    background-color: #ff5151;
                    border-radius: 0px 4px 4px 0px;
                }
            }
            .right {
                li {
                    width: 60px;
                    height: 30px;
                    border: solid 1px #cccccc;
                    text-align: center;
                    line-height: 30px;
                    color: @color-txt1;
                    &:nth-of-type(1) {
                        margin-right: 20px;
                    }
                    &.inactive {
                        color: @color-txt3;
                        border: solid 1px #e5e5e5;
                    }
                }
            }
        }
        .th {
            display: flex;
            height: 40px;
            line-height: 40px;
            background-color: #f2f2f2;
            border: solid 1px #e5e5e5;
            .t1 {
                flex: 220px 0;
                padding-left: 32px;
            }
            .t2 {
                flex: 220px 0;
            }
            .t3 {
                flex: 240px 0;
            }
            .t4 {
                flex: 240px 0;
            }
            .t5 {
                flex: 1;
            }
            &.th-title{
                margin-bottom: 20px;
            }
        }
        .item {
            .input-single-checkbox {
                position: relative;
                margin-right: 38px;
                width: auto;
                display: inline-block;
                text-align: center;
                .img {
                    width: 14px;
                    height: 14px;
                    background-image: url("../../../assets/common/ic_selectbox_register_nor@2x.png");
                    background-size: 100%;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                }
                span {
                    vertical-align: middle;
                    font-size: 14px;
                    color: @color-txt1;
                }
                input {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    opacity: 0.01;
                    left: 0;
                    top: 0;
                }
                input:checked+.img {
                    background-image: url("../../../assets/common/ic_selectbox_register_sel@2x.png");
                }
            }
            .title{
                padding-left: 20px;
                height: 40px;
                background-color: #f2f2f2;
            }
            .th{
                background-color: #FFFFFF;
                margin-bottom: 10px;
                .t1{
                    .img{
                        width: 80px;
                        height: 80px;
                        background-color: #f2f2f2;
                    }
                }
            }
        }
    }
}